import cs from 'classnames'
import { useContext } from 'react'

import { GlobalContext } from '@/context'

export default function RootLayout({ children }: { children: React.ReactNode }) {
  const { lang } = useContext(GlobalContext)
  return (
    <div className={cs(lang === 'en-US' ? 'ltr' : 'rtl')}>
      <main>{children}</main>
    </div>
  )
}
